import React, { Component } from 'react';
import style from './input.module.css'

import {connect} from "react-redux" 
import {addDate} from "../../../redux/input/action"

class Input extends Component {
    state={
        str:""
    }
    componentDidMount(){
        console.log(this.props.input.data,"input")
    }
    changeStr=(e)=>{
        this.setState({
            str:e.target.value
        })
    }
    render() {
        let {onInput} = this.props;
        return (
            <input className={style.ipt} 
            onChange={this.changeStr}
            onKeyDown={(e)=>{
                if(e.keyCode===13){
                    let now= new Date();
                    let _month = ( 10 > (now.getMonth()+1) ) ? '0' + (now.getMonth()+1) : now.getMonth()+1;
                    let _day = ( 10 > now.getDate() ) ? '0' + now.getDate() : now.getDate();
                    let _hour = ( 10 > now.getHours() ) ? '0' + now.getHours() : now.getHours();
                    let _minute = ( 10 > now.getMinutes() ) ? '0' + now.getMinutes() : now.getMinutes();
                    let _second = ( 10 > now.getSeconds() ) ? '0' + now.getSeconds() : now.getSeconds();
                    let time = now.getFullYear() + '-' + _month + '-' + _day + ' ' + _hour + ':' + _minute + ':' + _second;
                    onInput(this.state.str,time)
                    this.props.addDate(time)
                    this.setState({
                        str:"",
                        time:time
                    })
                }
            }}
            value={this.state.str} 
            placeholder="请输入内容"></input>
        );
    }
}

export default connect(
    state=>({
        input : state.input
    }),
    {
        addDate
    }
)
(Input)
 
